<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>首页 | VigorLoop</title>


    <!--STYLESHEET-->
    <!--=================================================-->

    <!--Open Sans Font [ OPTIONAL ]-->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>


    <!--Bootstrap Stylesheet [ REQUIRED ]-->
    <link href="/static/nifty/css/bootstrap.min.css" rel="stylesheet">


    <!--Nifty Stylesheet [ REQUIRED ]-->
    <link href="/static/nifty/css/nifty.min.css" rel="stylesheet">


    <!--Nifty Premium Icon [ DEMONSTRATION ]-->
    <link href="/static/nifty/css/demo/nifty-demo-icons.min.css" rel="stylesheet">


    <!--Demo [ DEMONSTRATION ]-->
    <link href="/static/nifty/css/demo/nifty-demo.min.css" rel="stylesheet">


    <!--Morris.js [ OPTIONAL ]-->
    <link href="/static/nifty/plugins/morris-js/morris.min.css" rel="stylesheet">


    <!--Magic Checkbox [ OPTIONAL ]-->
    <link href="/static/nifty/plugins/magic-check/css/magic-check.min.css" rel="stylesheet">

    <!--Full Calendar [ OPTIONAL ]-->
    <link href="/static/nifty/plugins/fullcalendar/fullcalendar.min.css" rel="stylesheet">
	<link href="/static/nifty/plugins/fullcalendar/nifty-skin/fullcalendar-nifty.min.css" rel="stylesheet">

    <!--JAVASCRIPT-->
    <!--=================================================-->

    <!--Pace - Page Load Progress Par [OPTIONAL]-->
    <link href="/static/nifty/plugins/pace/pace.min.css" rel="stylesheet">
    <script src="/static/nifty/plugins/pace/pace.min.js"></script>


    <!--jQuery [ REQUIRED ]-->
    <script src="/static/nifty/js/jquery-2.2.4.min.js"></script>


    <!--BootstrapJS [ RECOMMENDED ]-->
    <script src="/static/nifty/js/bootstrap.min.js"></script>


    <!--NiftyJS [ RECOMMENDED ]-->
    <script src="/static/nifty/js/nifty.min.js"></script>


    <!--=================================================-->

    <!--Demo script [ DEMONSTRATION ]-->
    <script src="/static/nifty/js/demo/nifty-demo.min.js"></script>


    <!--Morris.js [ OPTIONAL ]-->
    <script src="/static/nifty/plugins/morris-js/morris.min.js"></script>
    <script src="/static/nifty/plugins/morris-js/raphael-js/raphael.min.js"></script>


    <!--Sparkline [ OPTIONAL ]-->
    <script src="/static/nifty/plugins/sparkline/jquery.sparkline.min.js"></script>


    <!--Specify page [ SAMPLE ]-->
    <script src="/static/nifty/js/demo/dashboard.js"></script>

    <!--Full Calendar [ OPTIONAL ]-->
    <script src="/static/nifty/plugins/fullcalendar/lib/moment.min.js"></script>
	<script src="/static/nifty/plugins/fullcalendar/lib/jquery-ui.custom.min.js"></script>
	<script src="/static/nifty/plugins/fullcalendar/fullcalendar.min.js"></script>


    <!--Full Calendar [ SAMPLE ]-->
    <script src="/static/nifty/js/demo/misc-fullcalendar.js"></script>

    <!--=================================================

    REQUIRED
    You must include this in your project.


    RECOMMENDED
    This category must be included but you may modify which plugins or components which should be included in your project.


    OPTIONAL
    Optional plugins. You may choose whether to include it in your project or not.


    DEMONSTRATION
    This is to be removed, used for demonstration purposes only. This category must not be included in your project.


    SAMPLE
    Some script samples which explain how to initialize plugins or components. This category should not be included in your project.


    Detailed information and more samples can be found in the document.

    =================================================-->


</head>

<!--TIPS-->
<!--You may remove all ID or Class names which contain "demo-", they are only used for demonstration. -->
<body>
<div id="container" class="effect aside-float aside-bright mainnav-lg">

    <!--NAVBAR-->
    <!--===================================================-->
    <header id="navbar">
        <div id="navbar-container" class="boxed">

            <!--Brand logo & name-->
            <!--================================-->
            <div class="navbar-header">
                <a href="" class="navbar-brand">
                    <img src="/static/nifty/img/logo.png" alt="VigorLoop Logo" class="brand-icon">
                    <div class="brand-title">
                        <span class="brand-text">VigorLoop</span>
                    </div>
                </a>
            </div>
            <!--================================-->
            <!--End brand logo & name-->


            <!--Navbar Dropdown-->
            <!--================================-->
            <div class="navbar-content clearfix">
                <ul class="nav navbar-top-links pull-left">

                    <!--Navigation toogle button-->
                    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                    <li class="tgl-menu-btn">
                        <a class="mainnav-toggle" href="#">
                            <i class="demo-pli-view-list"></i>
                        </a>
                    </li>
                    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                    <!--End Navigation toogle button-->


                </ul>
                <ul class="nav navbar-top-links pull-right">

                    <!--User dropdown-->
                    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                    <li id="dropdown-user" class="dropdown">
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle text-right">
                                <span class="pull-right">
                                    <!--<img class="img-circle img-user media-object" src="/static/nifty/img/profile-photos/1.png" alt="Profile Picture">-->
                                    <i class="demo-pli-male ic-user"></i>
                                </span>
                            <div class="username hidden-xs">
                                {% if user.is_authenticated %}{{ user.username }}{% else %}未登录用户{% endif %}</div>
                        </a>


                        <div class="dropdown-menu dropdown-menu-md dropdown-menu-right panel-default">

                            <!-- Dropdown heading  -->
                            <div class="pad-all bord-btm">
                                欢迎使用 VigorLoop！
                            </div>


                            <!-- User dropdown menu -->
                            <ul class="head-list">
                                <li>
                                    <a href="/user_center/">
                                        <i class="demo-pli-male icon-lg icon-fw"></i> 个人中心
                                    </a>
                                </li>

                            </ul>

                            <!-- Dropdown footer -->
                            <div class="pad-all text-right">
                                <a href="/logout/" class="btn btn-primary">
                                    <i class="demo-pli-unlock"></i> 退出
                                </a>
                            </div>
                        </div>
                    </li>
                    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                    <!--End user dropdown-->
                </ul>
            </div>
            <!--================================-->
            <!--End Navbar Dropdown-->

        </div>
    </header>
    <!--===================================================-->
    <!--END NAVBAR-->

    <div class="boxed">

        <!--CONTENT CONTAINER-->
        <!--===================================================-->
        <div id="content-container">

            <div id="page-title">
                <h1 class="page-header text-overflow">欢迎使用 VigorLoop！</h1>
            </div>

            <!--Page content-->
            <!--===================================================-->
            <div id="page-content">

                <div class="row">
                    <div class="col-md-8 col-lg-12">
                        <div class="panel">
                            <div class="panel-heading">
                                <h3 class="panel-title" style="font-size: 21px;"><i class="demo-pli-gear"></i> 让运动为精神赋能</h3>
                            </div>
                            <div class="panel-body">

                                <!-- Question -->
                                <a href="#demo-gen-faq1" class="text-semibold text-lg text-main" data-toggle="collapse" data-parent="#demo-gen-faq" style="font-size: 18px;">运动能够显著提升我们的身体素质和免疫力</a>
                                <!-- Answer -->
                                <div id="demo-gen-faq1" class="mar-ver collapse in" style="font-size: 16px;">
                                    每天的运动不仅能增强心肺功能，还可以提高我们抵抗疾病的能力。例如，研究显示，适度运动的人比不运动的人更少患感冒和流感。这是因为锻炼促进了血液循环，增强了免疫细胞的活动，让我们的身体更能应对各种健康挑战。
                                </div>
                            </div>
                            <div class="panel-body">
                                <!-- Question -->
                                <a href="#demo-gen-faq1" class="text-semibold text-lg text-main" data-toggle="collapse" data-parent="#demo-gen-faq" style="font-size: 18px;">运动对心理健康也有积极影响</a>
                                <!-- Answer -->
                                <div id="demo-gen-faq1" class="mar-ver collapse in" style="font-size: 16px;">
                                    心理学会的研究表明，定期锻炼可以有效缓解焦虑和抑郁症状。通过运动，身体释放的内啡肽会让我们感到快乐和放松，这种“运动快乐”是许多人坚持健身的动力所在。你可能会发现，经过一段时间规律的锻炼后，生活压力似乎也变得更加容易应对。
                                </div>
                            </div>
                            <div class="panel-body">
                                <!-- Question -->
                                <a href="#demo-gen-faq1" class="text-semibold text-lg text-main" data-toggle="collapse" data-parent="#demo-gen-faq" style="font-size: 18px;">运动让我们保持良好状态</a>
                                <!-- Answer -->
                                <div id="demo-gen-faq1" class="mar-ver collapse in" style="font-size: 16px;">
                                    运动健身不仅能增强人的体格、提升身体机能，也能磨练人的意志、锤炼人的精神。健身既是对身体机能的一种唤醒提升，也是对精神意志的一种挑战磨练。这种锻炼能够帮助人们增强意志品格，从精神层面提升耐受力、抗压力，储备起强大的“心理能量”，让人在应对困难时更为自信从容、勇敢坚定。从这个角度讲，健身运动不仅为身体赋能，也在为精神赋能。
                                </div>
                            </div>
                            <div class="panel-heading">
                                <h3 class="panel-title" style="font-size: 21px;"><i class="demo-pli-male-female icon-fw"></i> 为什么选择VigorLoop</h3>
                            </div>
                            <div class="panel-body">

                                <!-- Question -->
                                <a href="#demo-gen-faq1" class="text-semibold text-lg text-main" data-toggle="collapse" data-parent="#demo-gen-faq" style="font-size: 18px;">运动数据管理，让你的运动不再迷茫🏃‍♀️</a>
                                <!-- Answer -->
                                <div id="demo-gen-faq1" class="mar-ver collapse in" style="font-size: 16px;">
                                    想象一下，每次运动后，你都能把日期、运动类型和消耗的卡路里清清楚楚记录下来，是不是超有成就感？我们的系统就能做到！不管你是健身小白还是运动达人，都能找到适合自己的运动类型，从跑步、游泳到瑜伽、攀岩，应有尽有。运动数据还会用超直观的图表展示出来，折线图、柱状图一目了然，让你清楚看到自己的运动成果，动力瞬间加倍！📈
                                </div>
                            </div>
                            <div class="panel-body">
                                <!-- Question -->
                                <a href="#demo-gen-faq1" class="text-semibold text-lg text-main" data-toggle="collapse" data-parent="#demo-gen-faq" style="font-size: 18px;">运动目标管理，让你的每一步都有方向🎯</a>
                                <!-- Answer -->
                                <div id="demo-gen-faq1" class="mar-ver collapse in" style="font-size: 16px;">
                                    设定运动目标再也不用愁啦！系统支持超灵活的目标设定，短期减肥、长期健身，随你定。目标进度实时跟踪，完成一部分就给你加油鼓劲，进度慢了就提醒你加把劲。而且，目标达成还有奖励哦！虚拟勋章、运动积分拿到手软，成就感爆棚，让你更有动力去挑战更高的目标！🎉
                                </div>
                            </div>
                            <div class="panel-body">
                                <!-- Question -->
                                <a href="#demo-gen-faq1" class="text-semibold text-lg text-main" data-toggle="collapse" data-parent="#demo-gen-faq" style="font-size: 18px;">健康数据分析，全方位守护你的健康🛡️</a>
                                <!-- Answer -->
                                <div id="demo-gen-faq1" class="mar-ver collapse in" style="font-size: 16px;">
                                    除了运动，健康数据也超重要！系统能监测BMI、血压、血糖等关键指标，随时查看变化，及时发现潜在问题。还会生成专业的健康分析报告，结合运动和生活习惯给出建议，比如血糖高就提醒你调整饮食、增加运动。最厉害的是还能预测健康趋势，提前预警慢性疾病风险，提前干预，让你远离疾病困扰。🛡️
                                </div>
                            </div>

                            <div class="panel-heading">
                                <h3 class="panel-title" style="font-size: 21px;"><i class="demo-pli-male-female icon-fw"></i> 与我们取得联系</h3>
                            </div>
                            <div class="panel-body">

                                <!-- Question -->
                                <a href="#demo-gen-faq1" class="text-semibold text-lg text-main" data-toggle="collapse" data-parent="#demo-gen-faq" style="font-size: 18px;">问题反馈与免费支持</a>
                                <!-- Answer -->
                                <div id="demo-gen-faq1" class="mar-ver collapse in" style="font-size: 16px;">
                                    如果您有问题需要反馈，或是有一些好的意见，请不要羞涩联系我们！如果可以的话，多多支持一下我们吧！
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

                <br>
                <h3 class="text-main pad-btm bord-btm">运动与饮食小贴士</h3>
                <div class="row">
                    <div class="col-md-6 col-lg-4">
                        <div class="panel-group accordion" id="accordion">
                            <div class="panel panel-success panel-colorfull">
                                <!--Accordion title-->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#accordion" data-toggle="collapse" href="#collapseOne" style="font-size: 17px;">跑步前热身很重要🏃‍♂️</a>
                                    </h4>
                                </div>
                                <!--Accordion content-->
                                <div class="panel-collapse collapse in" id="collapseOne">
                                    <div class="panel-body" style="font-size: 16px;">
                                        跑步前的热身运动是预防受伤和提升运动效果的关键。进行5 - 10分钟的热身，如快走、动态拉伸等，能增加肌肉温度，提高关节灵活性，让身体逐渐适应运动强度，避免肌肉拉伤。<br>
                                        可以先快走几分钟，让身体逐渐热起来，然后做一些热身的动作。这些动作可以充分活动腿部肌肉，让它们在跑步时更加灵活。热身不仅能减少受伤风险，还能提升跑步的整体效果。
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-success panel-colorful">
                                <!--Accordion title-->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#accordion" data-toggle="collapse" href="#collapseTwo" style="font-size: 17px;">利用碎片时间锻炼💪</a>
                                    </h4>
                                </div>
                                <!--Accordion content-->
                                <div class="panel-collapse collapse" id="collapseTwo">
                                    <div class="panel-body" style="font-size: 16px;">
                                        很多人觉得没有大块时间运动，其实可以利用碎片时间。比如利用等公交、等电梯的时间，做几个深蹲或踮脚尖运动。这些小动作长期坚持下来，对身体柔韧性和血液循环都有好处。<br>
                                        每天在办公室隔一段时间起身活动一下，做简单拉伸或原地踏步，累计起来也能达到一定的运动量。利用碎片时间锻炼，不仅能保持活力，还能在忙碌的生活中保持健康的生活方式。
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-success panel-colorful">
                                <!--Accordion title-->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#accordion" data-toggle="collapse" href="#collapseThree" style="font-size: 17px;">选择合适的运动装备👟</a>
                                    </h4>
                                </div>
                                <!--Accordion content-->
                                <div class="panel-collapse collapse" id="collapseThree">
                                    <div class="panel-body" style="font-size: 16px;">
                                        合适的运动装备能让你的运动体验更舒适、更安全。运动鞋需要根据运动类型选择，例如跑步鞋要有良好的减震和支撑功能，避免脚部受伤。运动服装要透气、吸汗，保持身体干爽。<br>
                                        穿着合适的运动装备，可以减少运动过程中的不适感，更专注于运动本身。合适的装备不仅能提高运动的效率和效果，还能保护身体免受伤害。透气的运动服装能在运动中保持干爽。
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--===================================================-->
                        <!--End Default Accordion-->
                    </div>
                    <div class="col-md-6 col-lg-4">

                                                <!--Info Accordion-->
                        <!--===================================================-->
                        <div class="panel-group accordion" id="demo-acc-info">
                            <div class="panel panel-danger panel-colorful">
                
                                <!--Accordion title-->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#demo-acc-info" data-toggle="collapse" href="#demo-acd-info-1" style="font-size: 17px;">运动后补充蛋白质🍗</a>
                                    </h4>
                                </div>
                
                                <!--Accordion content-->
                                <div class="panel-collapse collapse in" id="demo-acd-info-1">
                                    <div class="panel-body" style="font-size: 16px;">
                                        运动后，身体需要适量蛋白质来修复受损的肌肉，优质蛋白食物，如鸡胸肉、鱼虾、豆类、鸡蛋和牛奶等。蛋白质的摄入有助于肌肉恢复和生长，同时，也能减少肌肉酸痛和疲劳感。<br>
                                        运动后30分钟内摄入蛋白质效果最佳，一般来说摄入20 - 30克的蛋白质。此外，可以选择低脂高蛋白的食物，如瘦肉、鱼类、豆制品等，既能满足身体需求，又不会摄入过多的脂肪。
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-danger panel-colorful">
                
                                <!--Accordion title-->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#demo-acc-info" data-toggle="collapse" href="#demo-acd-info-2" style="font-size: 17px;">避免运动后暴饮暴食🚫</a>
                                    </h4>
                                </div>
                
                                <!--Accordion content-->
                                <div class="panel-collapse collapse" id="demo-acd-info-2">
                                    <div class="panel-body" style="font-size: 16px;">
                                        运动后要注意避免暴饮暴食。运动后消化系统的功能可能还没有完全恢复到正常状态。此时如果摄入过多高热量、高脂肪的食物，可能导致热量过剩，从而抵消运动带来的减肥效果。<br>
                                        运动后进食的目的是为了恢复和补充能量。可以先喝一杯温水，稍作休息后选择一些容易消化、营养均衡的食物，如酸奶、水果、坚果或全麦面包等，这些不会给身体带来过多负担。
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-danger panel-colorful">
                                <!--Accordion title-->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#demo-acc-info" data-toggle="collapse" href="#demo-acd-info-3" style="font-size: 17px;">吃水果，运动更轻松🍎</a>
                                    </h4>
                                </div>
                
                                <!--Accordion content-->
                                <div class="panel-collapse collapse" id="demo-acd-info-3">
                                    <div class="panel-body" style="font-size: 16px;">
                                        水果富含维生素、矿物质和膳食纤维，对运动有很好的辅助作用。水果中的天然糖分可以迅速被身体吸收利用，为运动提供即时的支持。水果中的水分含量较高，可以保持水分平衡。<br>
                                        水果不仅非常方便携带，还能在运动前后提供多种健康益处。例如，运动前吃一些水果可以提高运动表现，减少疲劳感；运动后吃水果可以帮助身体更快地恢复，补充流失的电解质。
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--===================================================-->
                        <!--End Info Accordion -->
                    </div>
                    <div class="col-md-12 col-lg-4">
                
                                                <!--Bordered Accordion-->
                        <!--===================================================-->
                        <div class="panel-group accordion" id="demo-acc-info-outline">
                            <div class="panel panel-bordered panel-info">
                                <!--Accordion title-->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#demo-acc-info-outline" data-toggle="collapse" href="#demo-acd-info-outline-1" style="font-size: 17px;">吃早餐，开启活力一天🍳</a>
                                    </h4>
                                </div>
                                <!--Accordion content-->
                                <div class="panel-collapse collapse in" id="demo-acd-info-outline-1">
                                    <div class="panel-body" style="font-size: 16px;">
                                        早餐是最重要的一餐，为身体提供启动能量。一顿营养丰富的早餐，如全麦面包搭配鸡蛋、牛奶和水果，可以让你在上午保持精力充沛。全麦面包富含膳食纤维，能提供持久的能量。<br>
                                        一个鸡蛋可以提供约6克优质蛋白质，有助于肌肉修复和维持正常生理功能；牛奶中的钙质对骨骼健康至关重要；水果中的维生素C和钾等矿物质则有助于增强免疫力和维持电解质平衡。
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-bordered panel-info">
                
                                <!--Accordion title-->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#demo-acc-info-outline" data-toggle="collapse" href="#demo-acd-info-outline-2" style="font-size: 17px;">控制餐盘比例🍽️</a>
                                    </h4>
                                </div>
                
                                <!--Accordion content-->
                                <div class="panel-collapse collapse" id="demo-acd-info-outline-2">
                                    <div class="panel-body" style="font-size: 16px;">
                                        合理搭配食物比例，有助于控制热量摄入和营养均衡。餐盘中蔬菜应占一半，主食占四分之一，蛋白质食物占四分之一。这样既能保证身体获取足够的营养，又能避免摄入过多热量。<br>
                                        例如，午餐可以吃一碗糙米饭（主食），搭配一份清蒸鱼（蛋白质），再加上大量的清炒时蔬（蔬菜）。合理控制餐盘比例，有助于维持健康的体重，同时也能让你的身体更加健康。
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-bordered panel-info">
                
                                <!--Accordion title-->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#demo-acc-info-outline" data-toggle="collapse" href="#demo-acd-info-outline-3" style="font-size: 17px;">喝水，保持身体活力💧</a>
                                    </h4>
                                </div>
                
                                <!--Accordion content-->
                                <div class="panel-collapse collapse" id="demo-acd-info-outline-3">
                                    <div class="panel-body" style="font-size: 16px;">
                                        水是生命之源，保持充足的水分摄入对身体至关重要。每天至少要喝1500 - 2000毫升水，可以促进新陈代谢，帮助身体排出废物。不要等到口渴，因为此时的身体已经处于轻度缺水状态。<br>
                                        可以在办公桌上等方便的地方放一个水杯，养成定时喝水的习惯。运动后更要及时补充水分，以恢复身体的水分平衡。充足的水分摄入能让你的身体保持活力，避免脱水带来的不适。
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--===================================================-->
                        <!--End Bordered Accordion-->
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6 col-lg-4">

                     <!--Pink Accordion-->
                        <!--===================================================-->
                        <div class="panel-group accordion" id="demo-acc-pink">
                            <div class="panel panel-pink panel-colorful">
                
                                <!--Accordion title-->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#demo-acc-pink" data-toggle="collapse" href="#demo-acd-pink-1" style="font-size: 17px;">吃坚果，补充健康脂肪🥜</a>
                                    </h4>
                                </div>
                
                                <!--Accordion content-->
                                <div class="panel-collapse collapse in" id="demo-acd-pink-1">
                                    <div class="panel-body" style="font-size: 16px;">
                                        坚果是健康脂肪的良好来源，对心脏健康非常有益。例如，杏仁、核桃和腰果等坚果富含不饱和脂肪酸、蛋白质和纤维。坚持每天吃一小把坚果（约20 - 30克）可以提供丰富的营养。<br>
                                        坚果不仅能帮助你保持饱腹感，还能减少对高热量垃圾食品的渴望。但要注意控制摄入量，因为坚果的热量也较高，过多摄入可能会导致热量过剩。建议放在小碗或小袋中，避免一次性吃太多。
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-pink panel-colorful">
                
                                <!-- Accordion title -->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#demo-acc-pink" data-toggle="collapse" href="#demo-acd-pink-2" style="font-size: 17px;">吃蔬菜，多吃深色的🥦</a>
                                    </h4>
                                </div>
                
                                <!-- Accordion content -->
                                <div class="panel-collapse collapse" id="demo-acd-pink-2">
                                    <div class="panel-body" style="font-size: 16px;">
                                        深色蔬菜富含维生素、矿物质和抗氧化剂，对健康益处多多。叶绿素、类胡萝卜素等成分不仅能够提升身体的抗氧化能力，还能帮助维持身体的正常生理功能，减少慢性疾病的风险。<br>
                                        尽量保证每天摄入足够的蔬菜，其中深色蔬菜应占一半以上。你可以做一份蔬菜沙拉，搭配各种深色蔬菜，既能满足口感，又能补充营养。多样化的深色蔬菜搭配可以满足身体对各种营养素的需求。
                                
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-pink panel-colorful">
                
                                <!-- Accordion title -->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#demo-acc-pink" data-toggle="collapse" href="#demo-acd-pink-3" style="font-size: 17px;">选择全谷物，更健康🌾</a>
                                    </h4>
                                </div>
                
                                <!-- Accordion content -->
                                <div class="panel-collapse collapse" id="demo-acd-pink-3">
                                    <div class="panel-body" style="font-size: 16px;">
                                        全谷物比精制谷物含有更多的膳食纤维、维生素和矿物质。膳食纤维可以促进肠道健康，帮助消化，更有饱腹感。全谷物中的营养成分有助于维持血糖稳定，减少心血管疾病的风险。<br>
                                        例如，用全麦面包代替白面包，用糙米代替白米饭，不仅能增加营养摄入，还能减少血糖的快速上升，有助于控制体重。全谷物的口感更加醇厚，能为你的饮食增添更多层次感，同时也能让你的饮食更加健康。
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--===================================================-->
                        <!--End Pink Accordion-->
            
                    </div>
                    <div class="col-md-6 col-lg-4">
                
                                               <!--Purple Accordion-->
                        <!--===================================================-->
                        <div class="panel-group accordion" id="demo-acc-purple">
                            <div class="panel panel-purple">
                                <!-- Accordion title -->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#demo-acc-purple" data-toggle="collapse" href="#demo-acd-purple-1" style="font-size: 17px;">试试间歇训练🏃‍♀️</a>
                                    </h4>
                                </div>
                                <!-- Accordion content -->
                                <div class="panel-collapse collapse in" id="demo-acd-purple-1">
                                    <div class="panel-body" style="font-size: 16px;">
                                        间歇训练是一种高效的运动方式，通过交替进行高强度运动和低强度恢复运动，可以提高心肺功能和燃烧脂肪。这种训练方式不仅能在短时间内消耗大量热量，还能提高身体代谢率。<br>
                                        例如，你可以尝试30秒的全力冲刺，然后慢跑2分钟恢复，重复这个过程5 - 8次。间歇训练适合各种水平的运动者，能让你的运动效果更加显著。根据自己的体能和目标调整时间和强度，使训练更加有效。
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-purple">
                                <!-- Accordion title -->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#demo-acc-purple" data-toggle="collapse" href="#demo-acd-purple-2" style="font-size: 17px;">保持运动的多样性💪</a>
                                    </h4>
                                </div>
                                <!-- Accordion content -->
                                <div class="panel-collapse collapse" id="demo-acd-purple-2">
                                    <div class="panel-body" style="font-size: 16px;">
                                        不要总是做同一种运动，尝试不同的运动方式可以避免身体适应单一的运动模式，同时也能增加运动的乐趣。多样化运动不仅能全面锻炼身体的各个部位，还能减少运动损伤的风险。<br>
                                        比如，你可以一周进行三次有氧运动（如跑步、游泳），两次力量训练（如举重、俯卧撑），再加上一次瑜伽或拉伸运动。不同的运动方式可以让你的身体得到全面的锻炼，同时也能避免单一运动的单调感。
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-purple">
                
                                <!-- Accordion title -->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#demo-acc-purple" data-toggle="collapse" href="#demo-acd-purple-3" style="font-size: 17px;">听音乐，让运动更有趣🎵</a>
                                    </h4>
                                </div>
                
                                <!-- Accordion content -->
                                <div class="panel-collapse collapse" id="demo-acd-purple-3">
                                    <div class="panel-body" style="font-size: 16px;">
                                        听音乐可以提高运动的愉悦感，让你更容易坚持下去。选择一些节奏感强、动感十足的音乐，可以让你在运动时更有动力。同时，音乐能够提升你的情绪，让你的运动更加轻松愉快。<br>
                                        例如，当你跑步时，听一些快节奏的流行音乐或电子音乐，可以让你的步伐更加轻快，提高运动效率。你可以创建一个专属的运动歌单，每次运动时播放，让运动不再枯燥。音乐还能减轻疲劳感，更容易达到运动目标。
                                    </div>
                                </div>
                            </div>
                        </div>
                    <!--===================================================-->
                    <!--End Purple Accordion-->
                
                    </div>

                    
                    
                    <div class="col-md-12 col-lg-4">
                
                        <!--Colorful Accordion-->
                        <!--===================================================-->
                        <div class="panel-group accordion" id="demo-acc-mix">
                            <div class="panel panel-warning panel-colorful">
                
                                <!--Accordion title-->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#demo-acc-mix" data-toggle="collapse" href="#demo-acd-mix-1" style="font-size: 17px;">运动前适量补充碳水化合物🍞</a>
                                    </h4>
                                </div>
                
                                <!--Accordion content-->
                                <div class="panel-collapse collapse in" id="demo-acd-mix-1">
                                    <div class="panel-body" style="font-size: 16px;">
                                        运动前适量补充碳水化合物可以为身体提供快速的能量来源。碳水化合物会转化为葡萄糖，为肌肉提供能量。运动前能量补充能提升运动表现，减少疲劳感，在运动中更加轻松自如。<br>
                                        例如，运动前1 - 2小时吃一小碗燕麦粥或一片全麦面包，可以让你在运动中有足够的能量支持。但要注意不要摄入过多，以免造成肠胃不适。适量的能量补充可以让你在运动中保持最佳状态，同时也能避免过度进食带来的负担。
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-warning panel-colorful">
                
                                <!--Accordion title-->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#demo-acc-mix" data-toggle="collapse" href="#demo-acd-mix-2" style="font-size: 17px;">吃零食，选择健康的零食🍏</a>
                                    </h4>
                                </div>
                
                                <!--Accordion content-->
                                <div class="panel-collapse collapse" id="demo-acd-mix-2">
                                    <div class="panel-body" style="font-size: 16px;">
                                        运动后要选择健康的零食。可以选择水果、酸奶、坚果或低糖的蛋白棒。这些零食不仅能提供能量，还能补充营养。健康的零食有助于维持身体的能量平衡，同时满足你的味蕾需求。<br>
                                        避免选择高糖、高脂肪的零食，如薯片、糖果等，这些食物不仅热量高，还可能影响运动效果。健康的零食可以帮助你更好地恢复体力，同时也能满足嘴馋的需求。选择合适的零食，让你在享受美食的同时，也能保持健康的生活方式。
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-warning panel-colorful">
                
                                <!--Accordion title-->
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a data-parent="#demo-acc-mix" data-toggle="collapse" href="#demo-acd-mix-3" style="font-size: 17px;">合理安排饮食和运动时间⏰</a>
                                    </h4>
                                </div>
                
                                <!--Accordion content-->
                                <div class="panel-collapse collapse" id="demo-acd-mix-3">
                                    <div class="panel-body" style="font-size: 16px;">
                                        合理安排饮食和运动时间让运动效果更佳。一般来说，运动前1 - 2小时比较合适，避免食物在胃中停留过久。合理的进食时间能够确保运动时有足够的能量，同时也能减少不适感。<br>
                                        运动后30分钟内是补充营养的最佳时机，可以促进肌肉恢复和生长。如果你计划下午5点运动，可以在3点左右吃点小零食，运动后立即补充蛋白质和碳水化合物。合理的时间安排可以达到最佳的健康效果。
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                
                    <!--===================================================-->
                    <!--End Colorful Accordion-->
            
                </div>



            </div>
            <!--===================================================-->
            <!--End page content-->

        </div>
        <!--===================================================-->
        <!--END CONTENT CONTAINER-->


        <!--MAIN NAVIGATION-->
        <!--===================================================-->
        <nav id="mainnav-container">
            <div id="mainnav">

                <!--Menu-->
                <!--================================-->
                <div id="mainnav-menu-wrap">
                    <div class="nano">
                        <div class="nano-content">

                            <!--Profile Widget-->
                            <!--================================-->
                            <div id="mainnav-profile" class="mainnav-profile">
                                <div class="profile-wrap">
                                    <div class="pad-btm">
                                        <img class="img-circle img-sm img-border"
                                             src="/static/nifty/img/profile-photos/1.png" alt="Profile Picture">
                                    </div>
                                    <a href="#profile-nav" class="box-block" data-toggle="collapse"
                                       aria-expanded="false">
                                        <p class="mnp-name">{% if user.is_authenticated %}{{ user.username }}{% else %}
                                            未登录用户{% endif %}</p>
                                    </a>
                                </div>
                            </div>

                            <ul id="mainnav-menu" class="list-group">

                                <!--Category name-->
                                <li class="list-header">健康中心</li>

                                <!--Menu list item-->
                                <li class="active-link">
                                    <a href="/index/">
                                        <i class="demo-psi-home"></i>
                                        <span class="menu-title">
												<strong>首页</strong>
											</span>
                                    </a>
                                </li>

                                <!--Menu list item-->
                                <li>
                                    <a href="#">
                                        <i class="demo-psi-boot-2"></i>
                                        <span class="menu-title">
												<strong>我的运动数据</strong>
											</span>
                                        <i class="arrow"></i>
                                    </a>

                                    <!--Submenu-->
                                    <ul class="collapse">
                                        <li><a href="/exercise_info/exercise_record/">查看运动数据</a></li>
                                        <li><a href="/exercise_info/add_exercise_record/">新增运动数据</a></li>
                                    </ul>
                                </li>

                                <li>
                                    <a href="#">
                                        <i class="demo-psi-star"></i>
                                        <span class="menu-title">
												<strong>我的运动目标</strong>
											</span>
                                        <i class="arrow"></i>
                                    </a>

                                    <!--Submenu-->
                                    <ul class="collapse">
                                        <li><a href="/exercise_info/exercise_goal/">查看运动目标</a></li>
                                        <li><a href="/exercise_info/exercise_goal/">新增运动目标</a></li>
                                    </ul>
                                </li>

                                <!--Menu list item-->
                                <li>
                                    <a href="/health_profile/">
                                        <i class="demo-psi-receipt-4"></i>
                                        <span class="menu-title">
												<strong>我的健康数据</strong>
											</span>
                                        <i class="arrow"></i>
                                    </a>

                                    <!--Submenu-->
                                    <ul class="collapse">
                                        <li><a href="/health_profile/">查看健康数据</a></li>
                                        <li><a href="/health_profile/add/">新增健康数据</a></li>
                                        <li><a href="/health_profile/analysis">健康分析</a></li>
                                    </ul>
                                </li>

                                <li class="list-divider"></li>

                                <!--Category name-->
                                <li class="list-header">其他</li>

                                <!--Menu list item-->
                                <li>
                                    <a href="/user_center/">
                                        <i class="demo-psi-male"></i>
                                        <span class="menu-title">
												<strong>个人中心</strong>
											</span>
                                    </a>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
                <!--================================-->
                <!--End menu-->

            </div>
        </nav>
        <!--===================================================-->
        <!--END MAIN NAVIGATION-->

    </div>

    <!-- SCROLL PAGE BUTTON -->
    <!--===================================================-->
    <button class="scroll-top btn">
        <i class="pci-chevron chevron-up"></i>
    </button>
    <!--===================================================-->

</div>
<!--===================================================-->
<!-- END OF CONTAINER -->

</body>
</html>
